<template>
  <div class="app-footer">{{msg}}
    <!--<message></message>-->
  </div>
</template>

<script>
// import bus from '../bus/a';

export default {
  name: 'app-footer',
  data() {
    return {
      msg: 'hello,world',
    };
  },
  beforeCreate() {
    // bus.$on('明天吃火锅', (addr) => {
    //   console.log(`明天吃火锅，地点在${addr},晚上七点不见不散`);
    // });
  },
  mounted() {
    console.log(this);
  },
};
</script>

<style scoped>
  .app-footer{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 60px;
    background: #d6d6ff;
    text-align: center;
    height: 60px;
  }
</style>
